<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <button onclick="run()">暂停</button>
    <button onclick="state()">开始</button>
</body>
<script>

    // setInterval() 生成一个定时器 参数1是定时执行的函数
    // 参数2是间隔执行的时间单位毫秒

    // time 得到的是setInterval() 的返回值
    // 定时器编码
    var cont = 0;
    var time = setInterval(function () {
        cont++;
        console.log("定时器被执行了", cont);
    }, 200);


    function run() {
        // 销毁一个定时器  参数是定时器编码
        clearInterval(time);
    }

    function state() {
        // 生成一个新的定时器
        time = setInterval(function () {
            cont++;
            console.log("定时器被执行了", cont);
        }, 200);
    }


    // setTimeout() 延时器  延迟执行一段代码 只执行一次
    // 参数1 是延迟执行的函数
    // 参数2 是延迟执行时间    单位毫秒
    // 返回值是延迟器编码

    var time2 = setTimeout(function () {
        console.log("setTimeout被执行了");
    }, 1000)

    // 销毁一个延时器 参数是延迟器编码

    clearTimeout(time2);
</script>

</html>